<!--navbar-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left">
            <a href="#" class="link back">
                <i class="icon icon-return"></i>
            </a>
        </div>
        <div class="center">消息</div>
    </div>
</div>
<div class="pages navbar-through">
    <div class="page no-toolbar with-subnavbar" data-page="mineMessage">
        <div class="subnavbar">
            <div class="filter tab-links row">
                <a href="#tab1" class="tab-link col-50 active">聊天</a>
                <a href="#tab2" class="tab-link col-50">通知</a>
            </div>    
        </div>
        <div class="page-content">
            <div class="tabs">
                <div id="tab1" class="tab active">
                    <!--S list-->
                    <!--S 数据为空的时候-->
                    <!--<div class="list-block message-list empty">
                        <p>暂时还没数据哟~</p>
                    </div> -->
                    <!--E 数据不为空的时候-->
                    <div class="list-block message-list">
                        <ul data-cur-page="1" data-page-count="1">
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询云果客服 - 咨询云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询云果客服 - 咨询云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询云果客服 - 咨询云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询云果客服 - 咨询云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询云果客服 - 咨询云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                            <li class="swipeout">
                                <div class="swipeout-content">
                                    <a href="mine/chat.html" class="item-inner">
                                        <div class="chip">
                                            <div class="chip-media">
                                                <img src="tmp/avatar.jpg" alt="">
                                            </div>
                                            <div class="chip-label">云果客服 - 咨询云果客服 - 咨询云果客服 - 咨询</div>
                                        </div>
                                    </a>    
                                </div>
                                <div class="swipeout-actions-right">
                                    <a href="#" class="delete bg-red">删除</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!--E list-->
                </div>
                <div id="tab2" class="tab">
                    <div class="card">
                        <div class="card-header">卖家已经同意你的售后申请</div>
                        <div class="card-inner">
                            <div class="media">
                                <img src="tmp/9.jpg" alt="">
                            </div>
                            <div class="title">
                                <h4>泰国榴莲</h4>
                                <p>订单编号:00000000</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">退款已成功</div>
                        <div class="card-inner">
                            <div class="media">
                                <img src="tmp/9.jpg" alt="">
                            </div>
                            <div class="title">
                                <h4>泰国榴莲泰国榴莲泰国榴莲泰国榴莲</h4>
                                <p>订单编号:00000000</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">订单已发货</div>
                        <div class="card-inner">
                            <div class="media">
                                <img src="tmp/9.jpg" alt="">
                            </div>
                            <div class="title">
                                <h4>泰国榴莲</h4>
                                <p>订单编号:00000000</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>